<!-- 项目4：动态时钟

目标：制作一个实时显示当前时间的时钟
内容：
使用HTML创建时钟显示区域
使用JavaScript获取当前时间并实时更新
JavaScript基础
Date对象
定时器函数
DOM操作
通过项目4的学习，你将进一步掌握JavaScript的时间处理和定时器函数的使用，能够实现实时动态更新的效果，为更复杂的交互功能打下坚实的基础。
-->
<html>
    <head>
        <link rel="stylesheet" href="style.css">
    </head>
    
    <body>
        <div class="container">
            <h1 class="text">我的个人简介</h1>
            <p class="text">Hi！我是 Cherry，一个对编程感兴趣的前端小白~</p>
            <img src="avatar.jpg" alt="个人照片">
            <a href="http://xhslink.com/6TrxiM">我的小红书</a>
            <div>
                <button id="greetButton">点击我</button>
                <p id="greeting"></p>
            </div>
            <p class="text"></p>
            <button>Click Me!</button>
        </div>
        <div id="clock"></div>
        <script src="p3.js"></script>
        <script src="p4.js"></script>
    </body>

</html>